<template>
    <div class="homeswiper">
        <van-search v-model="search" placeholder="搜索" />
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item v-for="item in bannerData" :key="item.id">
                <img :src="item.picUrl" alt="">
            </van-swipe-item>   
        </van-swipe>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    data(){
        return{
            search:'',
            bannerData:[]
        };
    },
    created(){
        this.getBanner();
    },
    methods:{
        getBanner(){
            axios.get("/api/recommend/banner","")
            .then(res => {
                console.log(res.data.data)
                this.bannerData=res.data.data;
            })
            .catch(err => {
                console.error(err); 
            })
        }
    }
}
</script>

<style scoped>
 .my-swipe .van-swipe-item img{
     width: 90%;
     border-radius: 20px;
  }

</style>